import {Component} from 'react'
import {View,Image,Text, ScrollView, RichText} from '@tarojs/components'
import Taro from '@tarojs/taro'
import './hotSpotsContents.less'
import {AtDivider} from "taro-ui";

class HotSpotsContents extends Component{

  state={

  }
   toDetail(){
    Taro.navigateTo({
      url: 'hotSpotsDetail'
    })
  }

  render(){
    return(
      <ScrollView className="contentList" >
        <view className="contentItem" onClick={this.toDetail.bind(this)}>
          <view className="imgView">
            <image>这是图片</image>
          </view>
          <view className="contentView">
            <view className="titleView">
                <view className="itemTitle">这是标题</view>
                <view className="createTime">这是时间</view>
            </view>
            <RichText nodes="这是内容" className="describe"></RichText>
          </view>
        </view>
        <AtDivider content='没有更多了' fontColor='#2d8cf0' lineColor='#2d8cf0' />
      </ScrollView>
    )
  }
}

export default HotSpotsContents
